<html>
    <title>index page</title>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <h1 id="title">hello less1</h1>
        <!-- 使用了HtmlWbpackPlugin就不需要手动引入了 -->
        <!-- <script type="text/javascript" src="./build/main.js" charset="utf-8"></script> -->
        <button>点击淡入 div 元素。</button>
        <div id="box1"></div>
        <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
        <div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
        <div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>
        <img src="./img/independentmind.jpeg" alt="idm">
    </body>
</html>

